<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>08.箭头函数</title>
</head>
<body>
    <script>
        /*
         lambda表达式：匿名
            () ->{}
         箭头函数： 匿名函数
            () => {}
        */

        /**
         *  函数分类： 
         *     无参数无返回值
         *     有参无返回值
         *     无参有返回值
         * 、   有参有返回值
         * 函数定义: 
         *   声明式： 任意位置都能调用
         *      function 函数名() {}
         *   表达式/箭头函数 只能在其后面调用
         *     变量名 = function() {
         *      }
         * 箭头简写规则：等价于lambda表达式的简写规则
         *   1. 如果函数体只有一行 {} 可以省略
         *   2. 参数只有一个   () 可以省略
         *   3. 如果函数体只有return 那么  return 和 {} 都可以不写
         */

         function func01() {
             console.log("xxxxx");
         }

         // 无参数 无返回值
        //  const fn01 = () => {
        //     console.log("xxxxx");
        //  }
         const fn01 = () => console.log("xxxxx");
         // 有参无返回值
        //  const fn02 = (a,b) => {
        //     console.log(a,b,"xxxx");
        //  }

         const fn02 = (a,b) =>  console.log(a,b,"xxxx");
         
         // 有参有返回值
        //  const fn03 = (a) => {
        //      return  a+1
        //  }

        //  const fn03 = a => {
        //      return  a+1
        //  }

         const fn03 = a => a+1

         fn01()
         fn02(1,2)
         const result = fn03(10)
         console.log(result);
         
    </script>
    
</body>
</html>